<template>
	<view>
		<view class="uni-flex uni-column">
			<view class="flex-item flex-item-V uni-bg-red">
				<view class="text-from">
					<view class="text-from-item">
						<view class="text_img1">早到明星</view>
						<image class="circleImg1" src="/static/images/renyuan.png" />
						<view class="text_img1">{{morningType != '' ? morningType : '暂无'}}</view>

					</view>
					<view class="text-from-item">
						<view class="text_img2">勤奋明星</view>
						<image class="circleImg2" src="/static/images/jiangbei.png" />
						<view class="text_img2">{{hardworkingType != '' ? hardworkingType : '暂无'}}</view>

					</view>


				</view>
				<!-- <view class='basicInfo-left' >
				<image style="width: 50px; height: 50px; background-color: #eeeeee;" mode="圆形图像" src="/static/images/tou.png"/>
			</view> -->
			</view>
		</view>


		<view class="view_new">
			<text class="text_new1">总签到人数: 0/总人数33</text>
			<text class="text_new2">签到人数/总人数</text>
		</view>

		<uni-list>
			<uni-list-item thumb-size="sm" title="优地科技" rightText="0/33" link />
			<uni-list-item thumb-size="sm" title="合同1" rightText="0/1" link />
		</uni-list>

		<custom-tarbar class="bar" :selected="2"></custom-tarbar>

	</view>
</template>

<script>
	import customTarbar from '@/components/custom-tarbar.vue';
	export default {
		components: {
			'custom-tarbar': customTarbar
		},
		data() {
			return {
				morningType: '',
				hardworkingType: ''
			}
		},
		methods: {

		}
	}
</script>

<style>
	.bar {
		position: fixed;
		bottom: 0rpx;
	}

	.flex-item {
		width: 33.3%;
		height: 200rpx;
		text-align: center;
		line-height: 200rpx;
	}

	.flex-item-V {
		width: 100%;
		height: 350rpx; 
		display: flex;
		align-items: center;
	}

	.text-from {
		margin: 0 auto;
		width: 300px;
		height: 200px;

		display: flex;
		justify-content: space-between;
		align-items: center;
		line-height: 30px;
	}
	.text-from-item{ 
		flex: 1;
		display: flex;
		flex-flow: column;
		align-items: center;
	}	
	.circleImg1 {
		float: left;
		border-radius: 30px;
		width: 60px;
		height: 60px;
	}

	.circleImg2 {
		float: right;
		border-radius: 30px;
		width: 60px;
		height: 60px;
	}

	.text_img1 {
		float: left;
	}

	.text_img2 {
		float: right;
	}

	.view_new {
		width: 100%;
		height: 60rpx;
		background-color: #C0C0C0;
	}

	.text_new1 {
		float: left;
	}

	.text_new2 {
		float: right;
	}

	/* 背景色 */
	.uni-bg-red {
		background: #014B8C;
		color: #FFF;
	}
</style>
